/*!
 * Ext JS Library 3.1.1
 * Copyright(c) 2006-2010 Ext JS, LLC
 * licensing@extjs.com
 * http://www.extjs.com/license
 */
Ext.onReady(function() {
  
   var tree = new Ext.ux.tree.TreeGrid({
        title: 'IP流量',
        width: 800,
        height: 400,
        renderTo: Ext.getBody(),
    	loader: new Ext.tree.TreeLoader({ dataUrl: 'treegrid-data.js'  }),
        columns:[{
            header: '名称',
            dataIndex: 'name',
            width: 230
        },{
            header: '0时',
            width: 150,
            dataIndex: 'data'
        },{
            header: '1时',
            width: 150,
            dataIndex: 'data'
        },{
            header: '2时',
            width: 150,
            dataIndex: 'data'
        },{
            header: '3时',
            width: 150,
            dataIndex: 'data'
        },{
            header: '4时',
            width: 150,
            dataIndex: 'data'
        },{
            header: '5时',
            width: 150,
            dataIndex: 'data'
        },{
            header: '6时',
            width: 150,
            dataIndex: 'data'
        },{
            header: '7时',
            width: 150,
            dataIndex: 'data'
        },{
            header: '88时',
            width: 150,
            dataIndex: 'data'
        },{
            header: '9时',
            width: 150,
            dataIndex: 'data'
        },{
            header: '10时',
            width: 150,
            dataIndex: 'data'
        },{
            header: '11时',
            width: 150,
            dataIndex: 'data'
        },{
            header: '12时',
            width: 150,
            dataIndex: 'data'
        },{
            header: '13时',
            width: 150,
            dataIndex: 'data'
        },{
            header: '14时',
            width: 150,
            dataIndex: 'data'
        },{
            header: '15时',
            width: 150,
            dataIndex: 'data'
        },{
            header: '16时',
            width: 150,
            dataIndex: 'data'
        },{
            header: '17时',
            width: 150,
            dataIndex: 'data'
        },{
            header: '18时',
            width: 150,
            dataIndex: 'data'
        },{
            header: '19时',
            width: 150,
            dataIndex: 'data'
        },{
            header: '20时',
            width: 150,
            dataIndex: 'data'
        },{
            header: '21时',
            width: 150,
            dataIndex: 'data'
        },{
            header: '22时',
            width: 150,
            dataIndex: 'data'
        },{
            header: '23时',
            width: 150,
            dataIndex: 'data'
        }]
  
    });
});